﻿<div class="odds_category_title">
    Handicap
</div>
<div class="oddsoption_content">
    <div class="oddsoption_score">
        <div style="float: left; padding-top:3px; font-size: 14px; color: blue;font-weight: bold;">Handicap:</div>
        <div style="float: left;">            
          <text style=" margin-left:60px; font-size: 14px; color: blue; font-weight: bold;">Home</text>&nbsp;<input type="text" name="scorehome" value="" id="scorehome"  class="inputodds"/>
        </div>
        <div style=" float:left;">
            <input type="text" name="scoreaway" value="" id="scoreaway" class="inputodds" />        
            <text style="font-size: 14px; color: blue; font-weight: bold;"> Away</text>
        </div>
    </div>

    <div class="oddsoption_title">
        <ul>
            <li style="">
                Who is win:
            </li>
            <li class="second_title">
                Home
            </li >
            <li style="padding-left: 80px;">
                Draw
            </li>
            <li style="padding-left: 80px;">
                Away
            </li>

        </ul>
    </div>

    <div class="oddsoption_intput">
        <ul>
            <li style="color:blue;padding-top:4px; font-size: 14px; font-weight: bold;">
                Odds:             
            </li>
            <li style="padding-left: 57px;">
                <input type="text" name="oddshome" value="" id="oddshome"  class="inputodds" />
            </li>
            <li style="padding-left: 48px;">
                <input type="text" name="oddsdraw" value="" id="oddsdraw" class="inputodds" />  
            </li>
            <li style="padding-left: 50px;">
                <input type="text" name="oddsaway" value="" id="oddsaway" class="inputodds" />  
            </li>
        </ul>       
    </div>
    <div class="oddsoption_maxbet">
        <div style="color:blue; font-size: 14px; font-weight: bold; float:left; padding-top:5px;">
            Maximum bet:             
        </div>

        <div style="float: left;">
             <input type="text" name="oddsmax" value="" id="oddsmax"  class="inputodds" />
        </div>
    </div>
    <div class="ClearAll"></div>
    <div class="oddsoption_action">
        <input onclick="checknewbet(this)" type="submit" class="userbet-button-action button-action" tabindex="0" value="Save" id="gt-submit" />
        <input type="reset" class="userbet-button-action button-action" tabindex="0" value="Reset" id="gt-submit" />
    </div> 
</div>

<script type="text/javascript" >
    $('input[type=reset]').click(function () {
        $.post('@Url.Action("changehtmlodds","Sport")', { categoryid: 1 }, function (data) {
            $("#oddsoption").html(data);
            return false;
        });
    });   
</script>